<template>
  <div class="duanwang_to">
    <!---->
    <div id="header">
      <ul id="header_top1">
        <li @click="doShouye()">
          <img class="left" src="../../assets/img/img.../xingzhuang164.png" alt="">
        </li>
        <li>
          我的返金排行
        </li>
      </ul>
    </div>
    <!---->
    <div>
      <ul class="shuliang">
        <li v-for="(item, index) in aMogo1">
          <span>{{item.title}}</span> <span>{{item.title2}}</span> <span>{{item.title3}}</span>
        </li>
      </ul>
    </div>

    <!---->
    <div class="bg">
    </div>



  </div>
</template>
<script>

  export default {
    data(){
      return{
        aMogo1:[
          {
            title:'0~499元',
            title2:'500~999元',
            title3:'1000~1999元'
          },
          {
            title:'2017/06/26',
            title2:'消费：￥100',
            title3:'排号：10'
          },
          {
            title:'2017/06/26',
            title2:'消费：￥100',
            title3:'排号：10'
          },
          {
            title:'2017/06/26',
            title2:'消费：￥100',
            title3:'排号：10'
          },
          {
            title:'2017/06/26',
            title2:'消费：￥100',
            title3:'排号：10'
          },
        ]

      }
    },
    components:{
    },
    methods: {
      doShouye(){
        this.$router.go(-1);
      }
    }
  }
</script>
<style scoped>
  .duanwang_to{
    margin-bottom: 5rem;
  }
  #header {
    width: 100%;
    background: #e53e42;
  }
  .duan_datu img{
    width: 2rem;
  }
  #header_top1 {
    width: 100%;
    display: flex;
    padding-top: 0.5rem;
    padding-bottom: 0.3rem;
  }
  #header_top1 li{
    text-align: center;
    color: #ffffff;
    font-weight: 200;
  }
  #header_top1 li:nth-child(1){
    flex:1;

  }
  #header_top1 li:nth-child(1) img{
    width: 0.7rem;
  }
  #header_top1 li:nth-child(2){
    flex:10;
    font-size: 1rem;
    padding-top: 0.1rem;
  }
  #header_top1 li:nth-child(3){
    flex:1;
  }
  #header_top1 li:nth-child(3) img{
    width: 1.2rem;
  }
  .shuliang{
    font-size: 0.8rem;
    color: #666666;
    text-align: center;
  }
  .shuliang li:nth-child(1){
    font-size: 1rem;
    color: #4d4d4d;
  }
  .shuliang li{
    display: flex;
    padding: 0.8rem 0;
    border-bottom: 1px solid #cccccc;
  }
  .shuliang li span{
    flex: 1;
  }
  .bg{
    width: 24rem;
    background-color: #f2f2f2;
    height: 12rem;
  }
</style>
